<div class="rights_box">
  <el-row>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>订单管理</el-breadcrumb-item>
      <el-breadcrumb-item>订单列表</el-breadcrumb-item>
    </el-breadcrumb>
  </el-row>
  <el-dialog :visible.sync="dialogTableVisible" width="75%">
    <text-map></text-map>
  </el-dialog>
  
  <el-row class="dingdantb">
    <el-table
    :data="dingdanInfo"
    border
    style="width: 100%">
      <el-table-column
        type="index"
        label="序号"
        width="70">
      </el-table-column>
      <el-table-column
        label="订单编号"
        prop="order_number"
        width="230">
      </el-table-column>
      <el-table-column
        label="订单价格"
        prop="order_price"
        width="50">
      </el-table-column>
      <el-table-column
        label="下单用户"
        prop="order_fapiao_title"
        width="50">
      </el-table-column>
      <el-table-column
        label="是否付款"
        width="100">
        <template slot-scope="data">
          {{ data.row.pay_status | format }}
        </template>
      </el-table-column>
      <el-table-column
        label="是否发货"
        prop="is_send"
        width="50">
      </el-table-column>
      <el-table-column
        label="下单时间"
        width="150">
        <template slot-scope="data">
          {{ data.row.create_time | getTimes }}
        </template>
      </el-table-column>
      <el-table-column
        label="操作">
        <template slot-scope="data">
          <el-tooltip class="item" effect="dark" content="编辑" placement="left">
            <el-button icon="el-icon-edit" size="mini" type="success" circle></el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="定位" placement="top">
            <template>
              <el-button @click="dialogTableVisible = true" icon="el-icon-location" size="mini" type="warning" circle></el-button>
            </template>
          </el-tooltip>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination
      @size-change="sizeChangeHandler"
      @current-change="currentChangeHandler"
      :page-sizes="[5, 10, 15]"
      :current-page="dingdanList.pagenum"
      :page-size="dingdanList.pagesize"
      layout="sizes, prev, pager, next"
      :total="total">
    </el-pagination>
  </el-row>
</div>